 <template>
  <!-- 设备文件操作容器，点击时触发文件对话框 -->
  <div class="" @click="handleFile(device)">
    <!-- 插槽用于自定义内容 -->
    <slot />
    <!-- 文件对话框组件，用于选择或上传文件 -->
    <FileDialog ref="fileDialogRef" />
  </div>
</template>

<script setup>
// 导入文件对话框组件
import FileDialog from './FileDialog/index.vue'

// 定义组件属性
const props = defineProps({
  // 设备信息，用于标识和操作设备文件
  device: {
    type: Object,
    default: () => null,
  },
})

// 文件对话框组件的引用，用于控制文件对话框的显示
const fileDialogRef = ref()

/**
 * 处理文件点击事件
 * @param {Object} device - 设备信息，用于打开文件对话框时标识设备
 */
function handleFile(device) {
  fileDialogRef.value.open(device)
}
</script>

<style></style>

